
# 🚀 MDX-HTTP 快速演示站

欢迎使用 **零配置MDX-HTTP演示站**！

## ✨ 特性

- **零配置**：无需复杂设置，一键启动
- **实时热更新**：修改MDX文件立即生效
- **支持JSX**：在Markdown中直接使用React组件
- **HTTP服务**：通过浏览器直接访问

## 🎯 快速开始

```bash
npm run dev
```

然后访问 [http://localhost:3000](http://localhost:3000)

## 📁 添加新页面

只需在 `pages/` 目录下创建新的 `.mdx` 文件：

- `pages/about.mdx` → 访问 `/about`
- `pages/docs/guide.mdx` → 访问 `/docs/guide`

## 🎨 示例组件

这是一个内联的React组件：

<div style={{ 
  background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
  padding: '2rem',
  borderRadius: '8px',
  color: 'white',
  textAlign: 'center',
  margin: '2rem 0'
}}>
  <h3>🎉 这是一个React组件</h3>
  <p>直接在MDX中使用JSX语法！</p>
</div>

## 🔗 相关链接

- [Next.js文档](https://nextjs.org/docs)
- [MDX文档](https://mdxjs.com)
